<template>
  <div class="container">
      <div class="block">
        <span class="demonstration">创建时间</span>
        <el-date-picker
        v-model="value1"
        type="daterange"
        range-separator="至"
        start-placeholder="开始日期"
        end-placeholder="结束日期">
        </el-date-picker>
     </div>
    <span class="demonstration">创建时间</span>
     <el-select v-model="value" placeholder="接诊状态">
        <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value">
        </el-option>
    </el-select>
    <div class="input">
        <el-input v-model="input" placeholder="请输入内容"></el-input>
        <el-button type="primary" icon="el-icon-search"></el-button>
    </div>
    
 
  </div>
</template>

<script>
export default {
    data () {
        return {
              input: '',
            value1: '',
            options: [{
                value: '选项1',
                label: '黄金糕'
                }, {
                value: '选项2',
                label: '双皮奶'
                }, {
                value: '选项3',
                label: '蚵仔煎'
                }, {
                value: '选项4',
                label: '龙须面'
                }, {
                value: '选项5',
                label: '北京烤鸭'
             }],
        value: ''
        }
    }
}
</script>

<style lang="less" scoped>
    .container{
        height: 90px;
        display: flex;
        align-items: center;
        .demonstration{
            margin-left: 10px;
            margin-right: 10px;
        }
        .input{
            display: flex;
        }
    }
</style>